﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AutoComplete.aspx.cs" EnableViewState="false"
    EnableViewStateMac="false" EnableEventValidation="true" Inherits="AutoComplete" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style>
        body
        {
            font-family: Arial, Helvetica, sans-serif;
            width: 500px;
        }
        form fieldset
        {
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border: 1px solid #dfe6ee;
            padding: 10px 15px;
        }
        form fieldset legend
        {
            font-size: 22px;
        }
        form fieldset input
        {
            margin-bottom: 4px;
            padding: 3px;
            font-size: 17px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            color: #51555b;
        }
        form fieldset label
        {
            font-weight: bold;
            padding: 0 0 0 15px;
        }
        form fieldset p.error
        {
            margin: 0;
            background: #fdb5b5;
            -webkit-border-radius-bottomleft: 5px;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-radius-bottomright: 5px;
            -moz-border-radius-bottomright: 5px;
            border-left: 2px solid #cd4646;
            border-right: 2px solid #cd4646;
            border-bottom: 2px solid #cd4646;
            text-transform: lowercase;
            font-size: 13px;
            font-weight: bold;
            display: none;
            margin: 0 0 5px 0;
            padding: 4px;
            width: 200px;
        }
    </style>
    <link href="AutoComplete/css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
    <script src="AutoComplete/scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="AutoComplete/scripts/jquery.autocomplete.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%=txtPlateNumber.ClientID%>").autocomplete('SearchProduct.ashx?C=' + $('input[id$=TextBox1]').val());
        });       
    </script>
    
</head>
<body>
    <form id="form1" runat="server">
<%--    <fieldset>
        <legend>registration</legend>
        <input type="text" name="username" value="" class="username" />
        <label>desired username</label>
		<p class="username_error" style="margin: 0; display: none;">That Username is unavailable</p>
        <input type="password" name="password" value="" />
        <label>password</label>
        <input type="password" name="password_again" value="" />
        <label>password Again</label>
        <input type="text" name="email" value="" />
        <label>email</label>
        <input type="submit" name="submit" value="register" />
    </fieldset>--%>
    <div>
        <asp:TextBox ID="txtPlateNumber" runat="server" MaxLength="15"></asp:TextBox>
        <asp:TextBox ID="TextBox2" runat="server" MaxLength="15"></asp:TextBox>
        <asp:HiddenField ID="TextBox1" runat="server" Value="1" />
        <asp:Button ID="btn" runat="server" Text="Submit" />
    </div>
    </form>
</body>
</html>
